<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

	<p:panel header="#{msg['message.ess.datosPersonales.panelHeader']}">
		<p:panelGrid>
			<p:row>
				<!-- Sexo -->
				<p:column styleClass="expedienteDPColLeft">
					<p:outputLabel for="essDPSexo"
						value="#{msg['message.ess.datosPersonales.sexo']}" />
				</p:column>
				<p:column styleClass="expedienteDPColRight">
					<p:selectOneMenu id="essDPSexo" style="width:175px"
						required="#{datosPersonalesMB.sexoInput.requerido}"
						readonly="#{datosPersonalesMB.sexoInput.soloLectura}"
						disabled="#{datosPersonalesMB.sexoInput.deshabilitado}"
						value="#{datosPersonalesMB.expediente.idSexo}">
						<f:selectItem itemLabel="Seleccione el sexo" itemValue=""></f:selectItem>
						<f:selectItems value="#{catalogosMB.listaSexos}" var="sexo"
							itemLabel="#{sexo.nombre}" itemValue="#{sexo.id}" />
					</p:selectOneMenu>
				</p:column>
			</p:row>
			<p:row>
				<!-- Fecha de Nacimiento -->
				<p:column styleClass="expedienteDPColLeft">
					<p:outputLabel for="essDPFecNac"
						value="#{msg['message.ess.fechaDeNac']}" />
				</p:column>
				<p:column styleClass="expedienteDPColRight">
					<p:calendar id="essDPFecNac"
						required="#{datosPersonalesMB.fecNacInput.requerido}"
						readonly="#{datosPersonalesMB.fecNacInput.soloLectura}"
						disabled="#{datosPersonalesMB.fecNacInput.deshabilitado}"
						value="#{datosPersonalesMB.expediente.fecNac}" />
				</p:column>
			</p:row>
			<p:row>
				<!-- Edad -->
				<p:column styleClass="expedienteDPColLeft">
					<p:outputLabel for="essDPEdad"
						value="#{msg['message.ess.datosPersonales.edad']}" />
				</p:column>
				<p:column styleClass="expedienteDPColRight">
					<p:inputText id="essDPEdad"
						required="#{datosPersonalesMB.edadInput.requerido}"
						readonly="#{datosPersonalesMB.edadInput.soloLectura}"
						disabled="#{datosPersonalesMB.edadInput.deshabilitado}"
						value="#{datosPersonalesMB.expediente.edad}" />
				</p:column>
			</p:row>
			<p:row>
				<!-- Pais Nacimiento -->
				<p:column styleClass="expedienteDPColLeft">
					<p:outputLabel for="essDPPNac"
						value="#{msg['message.ess.datosPersonales.paisNacimiento']}" />
				</p:column>
				<p:column styleClass="expedienteDPColRight">
					<p:selectOneMenu id="essDPPNac" style="width:175px"
						required="#{datosPersonalesMB.paisInput.requerido}"
						readonly="#{datosPersonalesMB.paisInput.soloLectura}"
						disabled="#{datosPersonalesMB.paisInput.deshabilitado}"
						value="#{datosPersonalesMB.expediente.idPais}">
						<f:selectItem itemLabel="Seleccione el pais" itemValue=""></f:selectItem>
						<f:selectItems value="#{catalogosMB.listaPaises}" var="pais"
							itemLabel="#{pais.nombre}" itemValue="#{pais.id}" />
					</p:selectOneMenu>
				</p:column>
			</p:row>
			<p:row>
				<!-- Estado Nacimiento -->
				<p:column styleClass="expedienteDPColLeft">
					<p:outputLabel for="essDPENac"
						value="#{msg['message.ess.datosPersonales.estadoNacimiento']}" />
				</p:column>
				<p:column styleClass="expedienteDPColRight">
					<p:selectOneMenu id="essDPENac" style="width:175px"
						required="#{datosPersonalesMB.estadoInput.requerido}"
						readonly="#{datosPersonalesMB.estadoInput.soloLectura}"
						disabled="#{datosPersonalesMB.estadoInput.deshabilitado}"
						value="#{datosPersonalesMB.expediente.idEstado}">
						<f:selectItem itemLabel="Seleccione el estado" itemValue="" />
						<f:selectItems value="#{catalogosMB.listaEstados}" var="estado"
							itemLabel="#{estado.nombre}" itemValue="#{estado.id}" />
					</p:selectOneMenu>
				</p:column>
			</p:row>
			<p:row>
				<!-- Ciudad Nacimiento -->
				<p:column styleClass="expedienteDPColLeft">
					<p:outputLabel for="essDPCNac"
						value="#{msg['message.ess.datosPersonales.ciudadNacimiento']}" />
				</p:column>
				<p:column styleClass="expedienteDPColRight">
					<p:selectOneMenu id="essDPCNac" style="width:175px"
						required="#{datosPersonalesMB.ciudadInput.requerido}"
						readonly="#{datosPersonalesMB.ciudadInput.soloLectura}"
						disabled="#{datosPersonalesMB.ciudadInput.deshabilitado}"
						value="#{datosPersonalesMB.expediente.idCiudad}">
						<f:selectItem itemLabel="Seleccione la ciudad" itemValue="" />
						<f:selectItems value="#{catalogosMB.listaCiudades}" var="ciudad"
							itemLabel="#{ciudad.nombre}" itemValue="#{ciudad.id}" />
					</p:selectOneMenu>
				</p:column>
			</p:row>
			<p:row>
				<!-- Otra Ciudad -->
				<p:column styleClass="expedienteDPColLeft">
					<p:outputLabel for="essDPOCNac"
						value="#{msg['message.ess.datosPersonales.especificarOtraCiudad']}" />
				</p:column>
				<p:column styleClass="expedienteDPColRight">
					<p:inputText id="essDPOCNac"
						required="#{datosPersonalesMB.otCiudadInput.requerido}"
						readonly="#{datosPersonalesMB.otCiudadInput.soloLectura}"
						disabled="#{datosPersonalesMB.otCiudadInput.deshabilitado}"
						value="#{datosPersonalesMB.expediente.ciudad}" />
				</p:column>
			</p:row>
			<p:row>
				<!-- Nacionalidad -->
				<p:column styleClass="expedienteDPColLeft">
					<p:outputLabel for="essDPNac"
						value="#{msg['message.ess.datosPersonales.nacionalidad']}" />
				</p:column>
				<p:column styleClass="expedienteDPColRight">
					<p:selectOneMenu id="essDPNac" style="width:175px"
						required="#{datosPersonalesMB.nacionalidadInput.requerido}"
						readonly="#{datosPersonalesMB.nacionalidadInput.soloLectura}"
						disabled="#{datosPersonalesMB.nacionalidadInput.deshabilitado}"
						value="#{datosPersonalesMB.expediente.idNacionalidad}">
						<f:selectItem itemLabel="Seleccione la nacionalidad" itemValue="" />
						<f:selectItems value="#{catalogosMB.listaNacionalidades}"
							var="nacionalidad" itemLabel="#{nacionalidad.nombre}"
							itemValue="#{nacionalidad.id}" />
					</p:selectOneMenu>
				</p:column>
			</p:row>
			<p:row>
				<!-- Estado Civil -->
				<p:column styleClass="expedienteDPColLeft">
					<p:outputLabel for="essDPECiv"
						value="#{msg['message.ess.datosPersonales.estadoCivil']}" />
				</p:column>
				<p:column styleClass="expedienteDPColRight">
					<p:selectOneMenu id="essDPECiv" style="width:175px"
						required="#{datosPersonalesMB.edoCivilInput.requerido}"
						readonly="#{datosPersonalesMB.edoCivilInput.soloLectura}"
						disabled="#{datosPersonalesMB.edoCivilInput.deshabilitado}"
						value="#{datosPersonalesMB.expediente.idEstadoCivil}">
						<f:selectItem itemLabel="Seleccione el estado civil" itemValue="" />
						<f:selectItems value="#{catalogosMB.listaEdoCivil}" var="edoCivil"
							itemLabel="#{edoCivil.nombre}" itemValue="#{edoCivil.id}" />
					</p:selectOneMenu>
				</p:column>
			</p:row>
			<p:row>
				<!-- Hijos -->
				<p:column styleClass="expedienteDPColLeft">
					<p:outputLabel for="essDPHijos"
						value="#{msg['message.ess.datosPersonales.numeroHijos']}" />
				</p:column>
				<p:column styleClass="expedienteDPColRight">
					<p:spinner id="essDPHijos"
						required="#{datosPersonalesMB.hijosInput.requerido}"
						readonly="#{datosPersonalesMB.hijosInput.soloLectura}"
						disabled="#{datosPersonalesMB.hijosInput.deshabilitado}"
						value="#{datosPersonalesMB.expediente.numeroHijos}" />
				</p:column>
			</p:row>
			<p:row>
				<!-- Telefono 1 -->
				<p:column styleClass="expedienteDPColLeft">
					<p:outputLabel for="essDPTel1"
						value="#{msg['message.ess.telParticular1']}" />
				</p:column>
				<p:column styleClass="expedienteDPColRight">
					<p:inputMask id="essDPTel1"
						required="#{datosPersonalesMB.telParticular1Input.requerido}"
						readonly="#{datosPersonalesMB.telParticular1Input.soloLectura}"
						disabled="#{datosPersonalesMB.telParticular1Input.deshabilitado}"
						value="#{datosPersonalesMB.expediente.telefonoParticular1}"
						mask="(999) 999-9999" />
				</p:column>
			</p:row>
			<p:row>
				<!-- Telefono 2 -->
				<p:column styleClass="expedienteDPColLeft">
					<p:outputLabel for="essDPTel2"
						value="#{msg['message.ess.telParticular2']}" />
				</p:column>
				<p:column styleClass="expedienteDPColRight">
					<p:inputMask id="essDPTel2"
						required="#{datosPersonalesMB.telParticular2Input.requerido}"
						readonly="#{datosPersonalesMB.telParticular2Input.soloLectura}"
						disabled="#{datosPersonalesMB.telParticular2Input.deshabilitado}"
						value="#{datosPersonalesMB.expediente.telefonoParticular2}"
						mask="(999) 999-9999" />
				</p:column>
			</p:row>
			<p:row>
				<!-- Celular -->
				<p:column styleClass="expedienteDPColLeft">
					<p:outputLabel for="essDPCel" value="#{msg['message.ess.celular']}" />
				</p:column>
				<p:column styleClass="expedienteDPColRight">
					<p:inputMask id="essDPCel"
						required="#{datosPersonalesMB.celularInput.requerido}"
						readonly="#{datosPersonalesMB.celularInput.soloLectura}"
						disabled="#{datosPersonalesMB.celularInput.deshabilitado}"
						value="#{datosPersonalesMB.expediente.celular}"
						mask="(999) 999-9999" />
				</p:column>
			</p:row>
			<p:row>
				<!-- E-mail -->
				<p:column styleClass="expedienteDPColLeft">
					<p:outputLabel for="essDPEmail"
						value="#{msg['message.ess.datosPersonales.email']}" />
				</p:column>
				<p:column styleClass="expedienteDPColRight">
					<p:inputText id="essDPEmail"
						required="#{datosPersonalesMB.emailInput.requerido}"
						readonly="#{datosPersonalesMB.emailInput.soloLectura}"
						disabled="#{datosPersonalesMB.emailInput.deshabilitado}"
						value="#{datosPersonalesMB.expediente.email}" />
				</p:column>
			</p:row>
			<p:row>
				<!-- RFC -->
				<p:column styleClass="expedienteDPColLeft">
					<p:outputLabel for="essDPRFC"
						value="#{msg['message.ess.datosPersonales.rfc']}" />
				</p:column>
				<p:column styleClass="expedienteDPColRight">
					<p:inputText id="essDPRFC"
						required="#{datosPersonalesMB.rfcInput.requerido}"
						readonly="#{datosPersonalesMB.rfcInput.soloLectura}"
						disabled="#{datosPersonalesMB.rfcInput.deshabilitado}"
						value="#{datosPersonalesMB.expediente.RFC}" />
				</p:column>
			</p:row>
			<p:row>
				<!-- NSS -->
				<p:column styleClass="expedienteDPColLeft">
					<p:outputLabel for="essDPNSS"
						value="#{msg['message.ess.datosPersonales.nss']}" />
				</p:column>
				<p:column styleClass="expedienteDPColRight">
					<p:inputText id="essDPNSS"
						required="#{datosPersonalesMB.nssInput.requerido}"
						readonly="#{datosPersonalesMB.nssInput.soloLectura}"
						disabled="#{datosPersonalesMB.nssInput.deshabilitado}"
						value="#{datosPersonalesMB.expediente.NSS}" />
				</p:column>
			</p:row>
			<p:row>
				<!-- CURP -->
				<p:column styleClass="expedienteDPColLeft">
					<p:outputLabel for="essDPCURP"
						value="#{msg['message.ess.datosPersonales.curp']}" />
				</p:column>
				<p:column styleClass="expedienteDPColRight">
					<p:inputText id="essDPCURP"
						required="#{datosPersonalesMB.curpInput.requerido}"
						readonly="#{datosPersonalesMB.curpInput.soloLectura}"
						disabled="#{datosPersonalesMB.curpInput.deshabilitado}"
						value="#{datosPersonalesMB.expediente.CURP}" />
				</p:column>
			</p:row>
			<p:row>
				<!-- Pasaporte -->
				<p:column styleClass="expedienteDPColLeft">
					<h:outputText for="essDPPass"
						value="#{msg['message.ess.datosPersonales.pasaporte']}" />
				</p:column>
				<p:column styleClass="expedienteDPColRight">
					<p:inputText id="essDPPass"
						required="#{datosPersonalesMB.pasaporteInput.requerido}"
						readonly="#{datosPersonalesMB.pasaporteInput.soloLectura}"
						disabled="#{datosPersonalesMB.pasaporteInput.deshabilitado}"
						value="#{datosPersonalesMB.expediente.pasaporte}" />
				</p:column>
			</p:row>
		</p:panelGrid>

		<h:panelGroup layout="block" style="text-align:center;">
			<p:commandButton id="essDPAdjDoc"
				value="#{msg['message.upload.adjuntarDoc']}"
				action="#{fileUploadVW.showDialog}">
			</p:commandButton>
		</h:panelGroup>

	</p:panel>

</ui:composition>